import React from 'react'
import '../../static/In_Login/In_Login.css'
import { ScanningOutline, SetOutline } from 'antd-mobile-icons'
export default function Not_Logged_In() {
    return (
        <div className='Not_logged_box'>
            <div style={{ display: 'flex', justifyContent: 'space-between', width: '98%', margin: '6rem auto' }}>
                <ScanningOutline fontSize={22} />
                <SetOutline fontSize={22} fontWeight={800} />
            </div>
            <div>
                <p style={{ fontSize: "2rem", fontWeight: '500', textAlign: 'center' }}>登录小默旅行,体验更过功能</p>
            </div>
            <div style={{margin:'2rem auto',textAlign:'center'}}>
                <img src="/img/快速部署.png" alt="" width={60} style={{marginRight:'2rem'}} />
                <img src="/img/手机.png" alt="" width={60}  style={{marginRight:'2rem'}}/>
                <img src="/img/上锁.png" alt="" width={60}  style={{marginRight:'2rem'}}/>
                <img src="/img/微信.png" alt="" width={60} />
            </div>
            <div className='Not_logged_main'>
                <div className='In_Login_b_admission'>
                    <h3>我的门票</h3>
                    <div className='In_Login_admission'>
                        <div onClick={() => navigate('/order')}>
                            <img src="/img/文档.png" alt="" width='40px' />
                            <p>全部门票</p>
                        </div>
                        <div>
                            <img src="/img/我的钱包.png" alt="" width='40px' />
                            <p>待付款</p>
                        </div>
                        <div>
                            <img src="/img/时钟-fill.png" alt="" width='40px' />
                            <p>未使用</p>
                        </div>
                        <div>
                            <img src="/img/消息.png" alt="" width='40px' />
                            <p>待评价</p>
                        </div>
                    </div>
                </div>
                <div className='In_Login_a_admissions'>
                    <h3>基础服务</h3>
                    <div className='In_Login_admissions'>
                        <div className='In_Login_aaa'>
                            <img src="/img/纸飞机.png" alt="" width='40px' />
                            <p>我要发布</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/文档2.png" alt="" width='40px' />
                            <p>酒单订单</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/纸飞机.png" alt="" width='40px' />
                            <p>我的机票</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/书籍.png" alt="" width='40px' />
                            <p>我的车票</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/金币2.png" alt="" width='40px' />
                            <p>我的金币</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/星.png" alt="" width='40px' />
                            <p>我的收藏</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/客服.png" alt="" width='40px' />
                            <p>联系客服</p>
                        </div>
                        <div className='In_Login_aaa'>
                            <img src="/img/消息2.png" alt="" width='40px' />
                            <p>意见反馈</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}
